﻿@using RhotCMS.Helpers;


<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - RhotCMS</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <link type="text/css" rel="stylesheet" href="/content/style.css" />
</head>
<body>
    <div id="main_block">

        <div id="content">

            <div id='header'>
                <div id='logo'>
                    <img src='/content/img/logo.jpg' />
                </div>

                @Html.LanguageSelectorLink("ru", "<Русский>", "Russian", null) | @Html.LanguageSelectorLink("en", "<English>", "Ангийский", null)

                @Html.Partial("_TopMenuItemsPartial")

            </div>

            <div id='main-content'>
                <img src='/content/img/zont.jpg' style='margin: 0px 0px 0px 30px;' width='840' />
                <p>
                    @RenderBody()                 
                    @RenderSection("SideContent", required: false)
                </p>
            </div>

        </div>
    </div>

    <div id="footer">
        <div id="footer-menu-bg">

            <div id='footer-menu'>
                <div id='menu-title'>Направления бизнеса</div>
                <ul>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                </ul>
            </div>

            <div id='footer-menu'>
                <div id='menu-title'>Партнерам</div>
                <ul>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                </ul>
            </div>

            <div id='footer-menu' style='margin-right:0px;'>
                <div id='menu-title'>Карьера</div>
                <ul>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                    <li>Направления бизнеса</li>
                </ul>
            </div>
        </div>
    </div>

    @Html.Partial("_PreviewDiv")
    @RenderSection("scripts", required: false)
</body>
</html>

@*<html>
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - RhotCMS</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />


        <link rel="stylesheet" type="text/css" href="/content/frontend/style.css" />
        <link rel="stylesheet" type="text/css" href="/content/shared/additional.css" />

        @RenderSection("head", required: false)

    </head>
    <body>
        <div id="wrap">

            <div class="header">
                <div class="logo">
                    <a href="index.html">
                        <img src="/content/frontend/images/logo.png" alt="" title="" border="0" />
                    </a>
                </div>
                @Html.Partial("_TopMenuItemsPartial")
            </div>


            <div class="center_content">
                <div class="left_content">
                    <div class="title">
                        <span class="title_icon">
                            <img src="/content/frontend/images/bullet1.gif" alt="" title="" />
                        </span>@ViewBag.Title
                    </div>

                    <div class="feat_prod_box_details">
                        @RenderBody()
                        @Html.Partial("_PreviewDiv")
                    </div>
                    <div class="clear"></div>
                </div>
                <!--end of left content-->

                <div class="right_content">

                    <div class="cart">
                        <div class="title">
                            <span class="title_icon">
                                <img src="/content/frontend/images/cart.gif" alt="" title="" />
                            </span>My cart
                        </div>
                        <div class="home_cart_content">
                            <span data-bind="text: self.cart.Count"></span> x items | <span class="red">TOTAL: <span data-bind="text: self.cart.Total"></span>р</span>
                        </div>
                        <a href="cart.html" class="view_cart">view cart</a>

                    </div>
                    <div class="about">
                        <p>
                            @RenderSection("SideContent", required: false)
                        </p>

                    </div>

                    <div class="right_box">

                        <div class="title">
                            <span class="title_icon">
                                <img src="/content/frontend/images/bullet4.gif" alt="" title="" />
                            </span>Promotions
                        </div>
                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon">
                                    <img src="/content/frontend/images/promo_icon.gif" alt="" title="" />
                                </span>
                                <a href="details.html">
                                    <img src="/content/frontend/images/thumb1.gif" alt="" title="" class="thumb" border="0" />
                                </a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon">
                                    <img src="/content/frontend/images/promo_icon.gif" alt="" title="" />
                                </span>
                                <a href="details.html">
                                    <img src="/content/frontend/images/thumb2.gif" alt="" title="" class="thumb" border="0" />
                                </a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon">
                                    <img src="/content/frontend/images/promo_icon.gif" alt="" title="" />
                                </span>
                                <a href="details.html">
                                    <img src="/content/frontend/images/thumb3.gif" alt="" title="" class="thumb" border="0" />
                                </a>
                            </div>
                        </div>

                    </div>

                    <div class="right_box">

                        <div class="title">
                            <span class="title_icon">
                                <img src="/content/frontend/images/bullet5.gif" alt="" title="" />
                            </span>Categories
                        </div>

                        @Html.Partial("_StoreCategoriesPartial")

                    </div>

                </div>
                <!--end of right content-->

                <div class="clear"></div>
            </div>
            <!--end of center content-->


            <div class="footer">
                <div class="left_footer">
                    <img src="/content/frontend/images/footer_logo.gif" alt="" title="" /><br />
                    <a href="http://csscreme.com/freecsstemplates/" title="free templates">
                        <img src="/content/frontend/images/csscreme.gif" alt="free templates" title="free templates" border="0" />
                    </a>
                </div>
                <div class="right_footer">
                    <a href="#">home</a>
                    <a href="#">about us</a>
                    <a href="#">services</a>
                    <a href="#">privacy policy</a>
                    <a href="#">contact us</a>

                </div>


            </div>


        </div>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
        <script type="text/javascript" src="/Scripts/knockout_mapping.js"></script>
        <script type="text/javascript" src="/Scripts/ko_functions.js"></script>
        <script src="/Scripts/custom_functions.js"></script>

        <script type="text/javascript">

            var self;

            function AddToCart(id) {
                self.AddToCart(id);
                return false;
            }


            function CartViewModel() {

                self = this;

                self.cart = new Object;

                self.loadDataFromServer = function () {

                    $.ajax({
                        type: 'GET',
                        url: "/Store/GetCart",
                        dataType: 'json',
                        success: function (allData) {
                            ko.mapping.fromJS(allData, {}, self.cart);
                        },
                        async: false
                    });

                };

                self.AddToCart = function (id) {
                    $.ajax("/Store/AddToCart?productId=" + id, {
                        data: ko.toJSON(self.product),
                        type: "post", contentType: "application/json",
                        success: function (result) {
                            self.loadDataFromServer();
                        }
                    })
                };

                self.loadDataFromServer();
            }



            ko.applyBindings(new CartViewModel());

        </script>

        @RenderSection("scripts", required: false)
    </body>
    </html>*@
